<!DOCTYPE html>

<html>

	<head>

		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

		<title>科研成果</title>

		<meta name="keywords" content="科研仪器，生命科学仪器，环境检测仪器，实验常用设备，分析仪器">

		<meta name="description" content="中国领先的科研仪器共享平台，让您快速找到各种类型的科学研究仪器。提升闲置仪器利用率，产生更大科研价值。涵盖：生命科学仪器、环境检测仪器、实验常用设备、分析仪器、仪表、物性测试、测量/计量仪器、在线及过程控制仪器。

">

		<!-- 引入 Bootstrap 的 CSS 文件 -->

		<link href="css/bootstrap.min.css" rel="stylesheet">

		<link rel="stylesheet" href="css/index.css?t=201711101207">
		<link rel="stylesheet" type="text/css" href="css/owl.carousel.css" />
		<link rel="stylesheet" type="text/css" href="css/login.css" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/sun_reset.css" />
		<link rel="stylesheet" type="text/css" href="css/s_css/sun_style.css" />
		<style type="text/css">
			.nav .web_name {
     padding-top: 0px; 
    color: #939393 !important;
}
.reset {
    background: #fff;
     padding: 0px; 
}
.reset .container .box .row1 a {
    display: inline-block;
    width: 33%;
    font-size: 16px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    color: #fff;
    background: #ff8a00;
    vertical-align: top;
}
.sun_top .sun_top_div .company_num{
	border-top: 2px solid rgb(255,138,0);
	color: rgb(255,138,0);
}
		</style>
		<script src="js/jquery-1.11.3.js"></script>

		<!-- 引入 Bootstrap 的 JS 文件 -->
        <script src="js/vue.js"></script>
        
		<script src="js/bootstrap.min.js"></script>

		<!--[if lt IE 9]><![endif]-->

		<script src="js/html5shiv.min.js"></script>
		<script src="js/owl.carousel.min.js"></script>
		<script src="js/page.js"></script>

		<script src="js/respond.min.js"></script>

		<script src="js/baidu.js"></script>
		<script>
			$(function() {
				$('.content .container .box .tab li').click(function() {
					$(this).addClass('selected').siblings().removeClass('selected');
					$('.content .container .box .form li').eq($(this).index()).show().siblings().hide();
				});
			});
		</script>

	</head>
<!--
	lalashilalalshishilalalshu
	shisdzhidouchuhuanguankazike
-->
	<body>

		<link rel="stylesheet" href="css/header_footer.css?t=1">
		<div id="front_header" class="header">
			<div class="header_wrap">
				<div class="fl left">
					<img src="images/home.png" />
					<span>欢迎访问仪器共享平台</span>
				</div>
				<div class="fr right">
					<a href="#this">登录</a>
					<a href="#this" class="color">需求方注册</a>
					<a href="#this">服务商注册</a>
				</div>

			</div>
		</div>


		<div class="nav" id="nav_top">

			<div class="container">

				<div class="fl">

					<div class="logo ">

						<a href="/"><span style="color: rgb(255,138,0);font-size: 26px;">科研成果共享平台</span></a>

					</div>

					<div class="web_name">
						忘记密码
					</div>

				</div>
			</div>

		</div>
		<!-------------->
		<!--<div id="root" v-on:click="handleClic">
			{{sun}}
			<div v-on:click="handleClick" :title="msg.name">{{content}}</div>
			<input v-model="content" />
			<input v-model="firstname" />
			<input v-model="lastname" />
			{{fullname}}
			{{count}}
			{{list[0].name}}
			<ul>
				<li v-for="(item,index) of list" >
					{{item.name}}{{index}}
				</li>
				
			</ul>
			<div>
				
			</div>
		</div>-->
		
		
		<!-------------->
		<div class="sun_top">
			<div class="sun_top_div">
				
			<div class="company_num">企事业单位账号</div><div class="person_num">单位个人用户账号</div>
			</div>
		</div>
		<div class="reset" style="padding-bottom: 60px;">
			<div class="container">
				<div class="box">
					<div class="row1">
						<label>单位名称</label>
						<!--
					--><input type="text" v-model="content" name="" id="" value="" placeholder="请输入登录账号" />
					</div>
					<!--<div class="row2">
						<label>验证码:</label>
						<input type="text" name="" id="" value="" placeholder="请输入验证码" />
						<a href="#this">获取短信验证码</a>
					</div>-->
					<div class="row1">
						<label>统一社会信用代码或组织机构代码</label>
					<!--
					--><input type="password"  name="" id="" value="" placeholder="请输入密码" />
					</div>
					<div class="row1">
						<label>密码</label>
						<!--
					--><input type="password"  name="" id="" value="" placeholder="请输入姓名" />
					</div>
					<div class="row1">
						<label>单位类型</label>
						<!--
					--><input type="password"  name="" id="" value="" placeholder="请输入证件类型" />
					</div>
					<div class="row1">
						<label>单位注册地</label>
						<!--
					--><input type="password"  name="" id="" value="" placeholder="请输入单位" />
					</div>
					<div class="row1">
						<label>企业注册资金</label>
						<!--
					--><input type="password"  name="" id="" value="" placeholder="请输入手机号码" />
					</div>
					<div class="row1">
						<label>企业注册时间</label>
						<!--
					--><input type="password"  name="" id="" value="" placeholder="请输入手机号码" />
					</div>
					<div class="row1">
						<label>企业资产负载率</label>
						<!--
					--><input type="password"  name="" id="" value="" placeholder="请输入手机号码" />
					</div>
					<div class="row1">
						<label>单位地址</label>
						<!--
					--><input type="password"  name="" id="" value="" placeholder="请输入手机号码" />
					</div>
					<div class="row1">
						<label>联系人</label>
						<!--
					--><input type="password"  name="" id="" value="" placeholder="请输入手机号码" />
					</div>
					<div class="row1">
						<label>手机号码</label>
						<!--
					--><input type="password"  name="" id="" value="" placeholder="请输入手机号码" />
					</div>
					<div class="row1">
						<label>电子邮箱</label>
						<input type="password"  name="" id="" value="" placeholder="请输入手机号码" />
					</div>
					
					<div class="row1">
						<label>&nbsp;&nbsp;&nbsp;&nbsp;</label>
						<a class="sun_button">注册</a>
					</div>
					
					<!--<div class="row1 sun_div">
						<label></label>
						
						<a href="#this">重置密码</a>
					</div>-->
					<!--<div class="row1 sun_div">
						<label></label>
						<span>重置完密码自动跳转登录重新登录</span></div>-->
				</div>
			</div>
		</div>



		<div id="footer">
			© 2015-2020 科研仪器 版权所有 技术支持：科研仪器共享平台 支持电话：010-123658987 拷贝
		</div>

		<script>
			var _hmt = _hmt || [];

			(function() {

				var hm = document.createElement("script");

				hm.src = "https://hm.baidu.com/hm.js?9a7529b195e63ca5cf0016682ef0519e";

				var s = document.getElementsByTagName("script")[0];

				s.parentNode.insertBefore(hm, s);

			})();
		</script>



		<style>
			/*侧边栏的设计*/
			
			#newBridge .icon-right-center {
				right: 0 !important;
				bottom: 285px !important;
				height: 105px !important;
			}
			
			#newBridge .nb-icon-base .nb-icon-inner-wrap {
				border-radius: 0 !important;
			}
			
			#sidebar {
				position: fixed;
				top: 50%;
				right: 0px;
				z-index: 2000;
				width: auto;
				margin-top: 63px;
			}
			
			#sidebar>div.aside {
				float: right;
				clear: both;
				margin-bottom: 1px;
			}
			
			#sidebar>div>p {
				color: #333;
				width: 50px;
				margin-right: 0;
				position: relative;
				z-index: 100;
				height: 50px;
				padding: 10px;
				font-size: 14px;
				letter-spacing: 1px;
				line-height: 15px;
				background: #eee;
				cursor: pointer;
				margin-bottom: 0;
			}
			
			#sidebar>div>a,
			#sidebar>div>span {
				color: #596b75;
				display: inline-block;
				width: 172px;
				height: 50px;
				padding: 10px;
				font-size: 14px;
				letter-spacing: 1px;
				line-height: 30px;
				cursor: pointer;
				position: absolute;
				padding-right: 0;
				padding-left: 54px;
				background: url(images/tel2.png) 12px 13px no-repeat;
				background-color: #eeeeee;
				left: 60px;
				opacity: 0;
			}
			
			#sidebar>div>span:hover {
				background-color: #eeeeee;
				color: #fca947;
			}
			
			#sidebar>div>a.qq {
				background: url(images/qq2.png) 12px 13px no-repeat;
				background-color: #eeeeee;
			}
			
			#sidebar>div>a.vip {
				background: url(images/vip-side2.png) 12px 13px no-repeat;
				background-color: #eeeeee;
			}
			
			#sidebar>div>a.qq:hover {
				background-color: #eeeeee;
				text-decoration: none;
				color: #fca947;
			}
			
			#sidebar>div>a.vip:hover {
				background-color: #eeeeee;
				text-decoration: none;
				color: #fca947;
			}
			
			#sidebar>div>p.TOtop {
				background: url(images/top_a.png) 12px no-repeat;
				background-color: #eee;
			}
			
			#sidebar>div>p.TOtop:hover {
				height: 50px;
				background: url(images/top_b.png) 12px no-repeat;
				background-color: #f60;
			}
			
			#sidebar>div>p.vip {
				background: url(images/vip_service.png) no-repeat;
				background-size: 100% 100%;
			}
			
			#sidebar>div>p.vip:hover {
				background: url(images/vip-b.png) 12px no-repeat;
				background-color: #f60;
				color: #f60;
				text-indent: 100%;
				white-space: nowrap;
				overflow: hidden;
			}
			
			#sidebar>div>p.aside {
				background: url(images/fwrexian.png) no-repeat;
				background-size: 100% 100%;
			}
			
			#sidebar>div>p.aside:hover {
				background: url(images/tell-b.png) 12px no-repeat;
				background-color: #f60;
				color: #f60;
				text-indent: 100%;
				white-space: nowrap;
				overflow: hidden;
			}
		</style>

		<!--ayc:底部快速预约end-->
		<script>
			console.log("1111");
			var sun_yaping="ai  sunjiandou"
			
			new Vue({
				el:"#root",
				//模板
//				template:'<h1>hello {{msg}}</h1>',
				data:{
					msg:{name:'1111'},
					content:"<h1>lalalaalal</h1>",
					firstname:'23123',
				lastname:'',
				count:0,
				list:[{name:'sun',pwd:'1111'},
				{name:'2222',pwd:'2222'},
				{name:'3333',pwd:'3333'}],
				sun:sun_yaping
				},
				methods:{
					handleClick:function(){
						this.content ="sunjiandou"
					},
					handleClic:function(){
						this.sun ="xxxxx"
					}
				},
				computed:{
					fullname:function(){
						return this.firstname + '' +this.lastname
					}
				},
				watch:{
					fullname:function(){
						this.count ++
					}
				}
				
			});
			
		</script>

		<script>
			$(function() {

				//    侧边栏的点击事件

				$("#sidebar p").mouseover(function() {

					$(this).siblings().animate({
						left: "-172px",
						opacity: 1
					}, 500)

				})

				$("#sidebar div.aside").mouseleave(function(e) {

					//            alert(0)

					$(this).find("p").siblings().animate({
						left: "0px",
						opacity: 0
					}, 500)

				})

				$("p.TOtop").click(function() {

					$('html,body').animate({
						scrollTop: 0
					}, 500)

				})

			})
		</script>
        <script src="js/sun_reset.js"></script>
		<script src="js/index.js?t=201709201011"></script>
		<script>
			var html = new page();
			html.menu();
			html.bannerHeigth();
			html.owl();
			html.scrollEnetr();
		</script>

	</body>

</html>
